<template>
    <div class="agent_account">
        <div class="head_title">账户信息</div>
        <div class="unit_text">
            <div class="unit">
                <div class="left">
                    银行卡账号:
                </div>
                <div class="right">
                    {{account.bank_code}}
                </div>
            </div>
            <div class="unit">
                <div class="left">
                    开户银行:
                </div>
                <div class="right">
                    {{account.bank_name}}
                </div>
            </div>
            <div class="unit">
                <div class="left">
                    开户名称:
                </div>
                <div class="right">
                    {{account.bank_account}}
                </div>
            </div>
            <div class="unit">
                <div class="left">
                    预留手机号:
                </div>
                <div class="right">
                    {{account.bank_mobile}}
                </div>
            </div>
            <div class="unit">
                <div class="left">
                    账号类型:
                </div>
                <div class="right">
                    {{account.bank_type_name}}
                </div>
            </div>
            <div class="unit">
                <div class="left">
                    开户城市:
                </div>
                <div class="right">
                    {{account.bank_region}}
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name:"AgentAccount",
    props:{
        account:{
            type: Object,
            default:{
                'bank_code'     :'',          //银行卡号
                'bank_account'  :'',       //银行卡户名
                'bank_type_name':'',  //账户类型名称
                'bank_name'     :'',          //开户银行
                'bank_mobile'   :'',        //银行预留手机号
                'bank_region'   :'',        //开户城市
            }
        }
    },
    mounted() {
    },
    methods:{


    }
}
</script>
<style lang="less" :scope="true">
    .agent_account{
        margin: 10px;
        padding: 0;
        background: #fff;
        font-size: 14px;

        .head_title{
            width: 70px;
            text-align: right;
            border-left: 2px solid #4280f2;
            
        }
        .unit_text{
            width: 100%;
            overflow: hidden;
            padding: 10px 0;
            .unit{
                width: 48%;
                margin-left: 2%;
                float: left;
                height: 40px;
                line-height: 40px;
                font-weight: 700;
                .left{
                    width: 25%;
                    float: left;
                }
                .right{
                    width: 65%;
                    margin-left: 20px;
                    float: left;
                }
            }   
        }

    


    }

</style>